// webpack入口文件
import _ from 'lodash';

// 环境测试
// console.log('ok');

// 导入包
import Vue from 'vue';
import VueRouter from 'vue-router';
import Vuex from 'vuex'
import router from './router';
import Axios from 'axios';
import momnet from 'moment';

// 导入mui
import './lib/mui-3.7.1/css/mui.min.css';

// 启用路由
Vue.use(VueRouter);
// 启用vuex
Vue.use(Vuex);
// 因为axios无法使用Vue.use() 所以修改Vue的原型链来达到目的
Vue.prototype.$axios = Axios
// 全局默认配置
Axios.defaults.baseURL = 'http://sakumyz.xyz';

// 导入组件
import App from './components/App.vue';

import {
  Header,
  Tabbar,
  TabItem,
  TabContainer,
  TabContainerItem,
  Cell,
  Swipe,
  SwipeItem,
  Button,
} from 'mint-ui';

// 实例化mint-ui组件
Vue.component(Header.name, Header);
Vue.component(Tabbar.name, Tabbar);
Vue.component(TabItem.name, TabItem);
Vue.component(TabContainer.name, TabContainer);
Vue.component(TabContainerItem.name, TabContainerItem);
Vue.component(Cell.name, Cell);
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);
Vue.component(Button.name, Button);

// 定义全局过滤器
// 格式化时间显示
Vue.filter('dataFormat', (dataStr, pattern = "YYY-MM-DD HH:mm:ss") => {
  return momnet(dataStr).format(pattern);
})

const store = new Vuex.Store({
  state: {},
  mutations: {},
  getters: {}
});

const vm = new Vue({
  el: '#app',
  data: {},
  render: c => c(App), //webpack中vue组件想使用只能采取render方式
  router,
  store
})